<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<h1>
<img src=<%= @conferencia.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:60px;">
<%= @conferencia.nombre	%>
</h1>

<h2><span class="glyphicon glyphicon-list"/>&nbsp;Lista de charlas</h2>
<br/>
<div class="container">
	<table class="table">
		<thead>
			<tr>
		        <th class="col-md-4">Título</th>	           
	            <th class="col-md-7">Descripcion</th>
	            <th class="col-md-1">Estado</th>
	        </tr>
		</thead> 
		<tbody>	
			<% @list.each do | charla | %>
				<tr>
					<td> 

					<h3><%= charla.titulo%></h3>
					<div>
						<img class="img-circle" style="width: 80px; height: 80px;" src="<%=charla.usuario.cargarImagen()%>"/>
						<a href="#" data-toggle="modal" data-target="#basicModalUsuario" 
						onclick="abrirModalUsuario(<%= charla.id %>)"><%= charla.usuario.nombre + " " + charla.usuario.apellido%></a>
					</div>
					  <div class="modal fade" id="basicModalUsuario_<%= charla.id %>" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
						<div class="modal-dialog">
						  <div class="modal-content">
						  	<div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						        <h2 class="modal-title"><%= charla.usuario.nombre + " " + charla.usuario.apellido%></h2>
	  				        </div>
	  				        <div class="modal-body">
	  				        	<table>
	  				        	   <tr>
	  				        		  <td style="width: 150px" >
	  				        			 <img class="img-circle" src="<%= charla.usuario.cargarImagen() %>" style="height:150px; width:150px">
	  				        		  </td>
	  				        		  <td style="padding-left: 10px">
	  				        			 <b>E-mail: </b> <%= charla.usuario.email %> <br/>
							        	 <b>Titulo: </b> <%= charla.usuario.titulo %> <br/>
							        	 <b>Resumen: </b> <%= charla.usuario.resumen %> <br/>
							        	 <b>Nombre Empresa: </b> <%= charla.usuario.nombreEmpresa %> <br/>
							        	 <b>Sitio web Empresa: </b>
							        	 <a href="<%= charla.usuario.sitioWebEmpresa %>" target="_blank"><%= charla.usuario.sitioWebEmpresa %></a> <br/>
					        		  </td>
					        	   </tr>
	  				        	</table>        	
					        </div>
						    <div class="modal-footer">
						      	<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>		
						    </div>
						  </div>
						</div> 
					  </div>  
					</td>	               
					<td>
						<p><%= charla.abstract%></p>
						<br/>
						<!--  botones -->
						<div class="btn-group" style="margin-bottom: 0px;">
	                	<% if charla.estadoCharlaEsNuevo? && @conferencia.esUsuarioAdministrador?(session[:id_usuario]) %> 
	                	  <button type="button" name="asignarCharla" onclick="document.location = '/asignarCharla/<%= charla.id %>'" class="btn btn-info">Asignar Charla</button>
	                	<% end %>  
	                	
	                	<% if charla.sePuedeEvaluarCharla?(session[:id_usuario]) %>
	                	  <button type="button"  name="evaluar" onclick="document.location = '/charlaAEvaluar/<%= charla.id %>'" class="btn btn-info">Evaluar</button>
	                	<% end %>
	                	 
	                	<% if @conferencia.esUsuarioAdministrador?(session[:id_usuario]) && charla.tieneEvaluaciones?%> 
	                		<button type="button"  name="verEvaluaciones" onclick="document.location = '/vistaEvaluaciones/<%= charla.id %>'" class="btn btn-info">Ver Evaluaciones</button>
	                	<% end %>
	                		
						<% if @conferencia.estadoEsConvocatoriaCerrada? && charla.estadoAceptada? && @conferencia.esUsuarioAdministrador?(session[:id_usuario]) %>
							<button type="button"  name="asignarModerador" onclick="document.location = '/asignarModerador/<%= charla.id %>'" class="btn btn-info">Asignar Moderador</button>
						<% end %>
						</div>
					</td>
	                <td class="estadoCharla"> <%= charla.estado%> </td>
				</tr>
			<%end%>
	    </tbody>
	</table>
 </div>

  <form method="get" action="/verCharlas/<%= @conferencia.id %>" >	
  <% if @conferencia.estadoEsNuevo? %>
  	<input type="submit" value="Proponer Charla" class="btn btn-primary" onclick="crearCharla(this, <%= @conferencia.id %>)"/>
  <% end %>
  <input type="submit" value="Volver" onClick="volver(this)" class="btn btn-default"/>
  
  <% if @conferencia.estadoEsNuevo? && @conferencia.esUsuarioAdministrador?(session[:id_usuario]) %>
    <a href="#" class="btn btn-primary" style="float:right;"
      data-toggle="modal" data-target="#basicModal" onclick="abrirModal()">Cerrar Evaluacion</a>
  <% end %>

  <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
	<div class="modal-dialog">
	  <div class="modal-content">
	    <div class="modal-body">
	    	<h2><span class="glyphicon glyphicon-question-sign"></span> Confirmar Cierre de Evaluaci&oacute;n</h2>
	    	<br/>
	    	<p>
	    		Esta conferencia tiene <emph>(<%= Conferencia.charlasPendientesDeConferencia(@conferencia.id).count%>) charlas pendientes de evaluaci&oacute;n.</emph> 
	    		
	    		<div style="height:10%; overflow-y: auto; overflow-x: hidden;">
	    			<ul type="disc">
	    			  <% Conferencia.charlasPendientesDeConferencia(@conferencia.id).each do |charla| %>
			        	<li><%= charla.titulo %></li>  
			          <% end %>
			        </ul>
	    		</div>
	    		<span class="text-warning">Al cerrar una evaluaci&oacute;n las charlas pendientes <u>pasar&aacute;n a estado <emph>descartada.</emph></u></span>
	    	</p>
	    	<p>
	    		<strong>¿Desea continuar?</strong>
	      	</p>
	    </div>
	    <div class="modal-footer">
	      <input type="submit" value="Aceptar" class="btn btn-primary" onclick="cerrarEvaluacion(this, <%= @conferencia.id %>)"/>	
	      <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>		
	    </div>
	  </div>
	</div>
  </div>
</form>
<script type="text/javascript">
	function abrirModal(){
		var options = { "backdrop" : "static" }
		$('#basicModal').modal(options);
	}
	function abrirModalUsuario(idCharla){
		var options = { "backdrop" : "static" }
		$('#basicModalUsuario_' + idCharla).modal(options);
	}
	function cerrarEvaluacion(button, idConferencia) {
		button.form.method = 'get'
		button.form.action = '/cerrarEvaluacion/' + idConferencia
		return true
	}
	function crearCharla(button, idConferencia) {
		button.form.method = 'get'
		button.form.action = '/crearCharla/' + idConferencia
		return true
	}
  	function volver(button) {
		button.form.method = 'get'
		button.form.action = '/listaConferencia'
		return true
	}
	function fixStatus() {
		$("td[class*='estadoCharla']").each(function(i, e) {
			var estado = e.innerText
			switch (estado)	{
				case 'Propuesta':
				  $(this).css('background-color', "#f5f5f5")
				  break
				case 'En Evaluacion':
				  $(this).css('background-color', "#FEFEB0")
				  break
				case 'Evaluada':
				  $(this).css('background-color', "#fcf8e3")
				  break
				case 'Aceptada':
				  $(this).css('background-color', "#dff0d8")
				  break
				case 'Rechazada':
				  $(this).css('background-color', "#f2dede")
				  break
				case 'Descartada':
				  $(this).css('background-color', "#DCDCDC")
				  break
			}
		})
    } 
	window.onload = fixStatus;
</script>
